<template>
	<div class="toast">{{ message }}</div>
</template>

<script>
export default {
	name: 'Toast',
	props: { message: { type: String, required: true } },
	mounted() { setTimeout(() => this.$emit('done'), 1400) }
}
</script>

<style scoped>
.toast { position: fixed; left: 50%; bottom: 28px; transform: translateX(-50%); background: rgba(0,0,0,0.8); color: #fff; padding: 8px 12px; border-radius: 8px; font-size: 13px; }
</style> 